<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>决策支持-政治生态</title>
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/font-awesome.min.css">
<link rel="stylesheet" href="./plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="./plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="./plugins/select2/select2.min.css">
<link rel="stylesheet" href="./css/main.css">



<link rel="stylesheet"
	href="../css/AdminLTE.min.css">
<link rel="stylesheet"
	href="../css/all-skins.min.css">
	
<link rel="stylesheet" href="./css/weather.css"/>

<script src="./libs/jquery.min.js"></script>
<script src="./js/common.js"></script>

<style type="text/css">
body {
	background: url(./images/backgroundxk.png);
	background-size: 100%;
	zoom:67%;
}

.border {
	  /*  border: 1px solid red;    */
}

.float_left {
	float: left;
}



.biaoti {
	/* width: 100%;
	height: 8%; */
	width: 50%;
	height: 30%;
	margin-top: 5px;
	margin-left: 10px;
}

#biaoti {
	
	text-align: center;
	line-height: 36px;
	color: #FFF;
	font-size: 30px;
 	margin-top: 1.5%;
	
}

#showTime {
	width: 280px;
	height: 30px;
	font-size: 17px;
	color: #2749FF;
	text-align: center;
	position: absolute;
	top:10px;
	right:10px;
}

#biaotiImg {
	width:100%;
	height: 40px;
 	/* background-image: url(../../statics/images/biaotiImg.gif); */
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top:10px;
}

.shengti {
	width: 100%;
	height: 98%;
	margin-top: 0.1%;
}
.ml5{
  /*  margin-left: 3%; */
   font-size:15px;
   /* font-family: Arial,Georgia,Serif; */
}

.shengti_left {
	width: 27%;
	height: 65%;
	margin-top: 5px;
	margin-left: 10px;
}

.shengti_left2 {
	float:left;
	width: 80%;
	height: 33.5%;
	margin-left: 10px;
	position: fixed;
    bottom: 10px;
    left: 0;
}

.shengti_middle {
	width: 51%;
	height: 100%;
	margin-top: 5px;
	margin-left: 0;
	/* background: url(../../statics/images/sc1.png);
	background-size: 100% 100%; */
}
.shengti_middle_my{
	width: 48%;
	height: 24%;
	margin-top: 6px;
	margin-left: 7px;
}
.shengti_changtiao{
	width: 40%;
	height: 33%;
	margin-top: 0.3%;
	margin-left: 10px;
	/* background: url(../../statics/images/sc1.png);
	background-size: 100% 100%; */
}
.shengti_xiamian{
	width: 98.5%;
	height: 29%;
	margin-top: 0.3%;
	margin-left: 10px;
}
.wenzi {	
	color: #FFFFFF;
	text-align: center;
 	width: 130px; 
	margin-top: 5px;
	/* background: url(../../statics/images/sc1.png);
	cursor: pointer */
}
.colorbulue{
	color:#0096f3;
}

#JXmap {
	width: 100%;
	margin-top: 15px;
	height: 98.5%;
}

#JXmap1 {
	width: 100%;
	margin-top: 15px;
	height: 98.5%;
}

.shengti_right {
	width: 20%;
	height: 100%;
	margin-top: 5px;
	margin-right: 10px;
	float: right;
}
.shengti_right_top {
	width: 48%;
	height: 24%;
	margin-top: 6px;
	margin-left: 7px;

}

.shengti_left_top {
	width: 98%;
	height: 32%;
	margin-top: 6px;
	margin-left: 7px;
	/* background: url(../../statics/images/sc1.png);
	background-size: 100% 100%; */
}
.shengti_left_topz {
	width: 98%;
	height: 49%;
	margin-top: 6px;
	margin-left: 7px;
	/* background: url(../../statics/images/sc1.png);
	background-size: 100% 100%; */
}
.shengti_left_top3 {
	width: 28%;
	height: 99%;
	margin-top: 6px;
	margin-left: 7px;
}
.shengti_m0 {
	width: 68%;
	height: 10%;
	margin-top: 6px;
	margin-left: 7px;
	
	text-align: center;
	line-height: 36px;
	color: green;
	font-weight:bold;
	font-size: 30px;
 	margin-top: 1.5%;
}

.shengti_m1 {
	width: 29%;
	height: 25%;
	margin-top: -5%;
	margin-left: 7px;
}
.shengti_m2 {
	width: 68%;
	height: 57%;
	margin-top: -2%;
	margin-left: 7px;
}
.shengti_m4 {
	width: 29%;
	height: 35%;
	margin-top: -9px;
	margin-left: 7px;
}
.shengti_m3 {
	width: 99%;
	height: 26%;
	margin-top: -6px;
	margin-left: 7px;
}
.shengti_m33 {
	width: 68%;
	height: 16%;
	margin-top: 0px;
	margin-left: 7px;
}
.shengti_mm {
	width: 29%;
	height: 6%;
	margin-top: 6px;
	margin-left: 7px;
}

.shengti_r1 {
	width: 95%;
	height: 23%;
	margin-top: 6px;
	margin-left: 7px;
}
.shengti_r2 {
	width: 95%;
	height: 11%;
	margin-left: 7px;
}
.shengti_r3 {
	width: 95%;
	height: 16%;
	margin-top: 6px;
	margin-left: 7px;
}
.shengti_r4 {
	width: 95%;
	height: 7%;
	margin-top: 6px;
	margin-left: 7px;
}
.shengti_r5 {
	width: 95%;
	height: 20%;
	margin-top: 6px;
	margin-left: 7px;
}
.shengti_r6 {
	width: 95%;
	height: 20%;
	margin-top: 6px;
	margin-left: 7px;
}

.shengti_mid_second {
	width: 98%;
	height: 24%;
	margin-top: 6px;
	margin-left: 7px;
	/* background: url(../../statics/images/sc1.png);
	background-size: 100% 100%; */
}
.shengti_mid_third {
	width: 98%;
	height: 49%;
	margin-top: 6px;
	margin-left: 7px;
	/* background: url(../../statics/images/sc1.png);
	background-size: 100% 100%; */
}
.shengti_left_top1 {
	width: 19.1%;
	height: 92%;
	margin-top: 6px;
	margin-left: 0.75%;
	/* background: url(../../statics/images/sc1.png);
	background-size: 100% 100%; */
}
.display_none {
	display: none;
}
.SelectBG{
   background-color:#cdf7c1;
   height: 10px;
}
.SelectBG2{
   background-color:#42da18;
   margin-top: 12px;
}
.noborder{
  /* border: 1px solid red; */
}


.ui-jqgrid-labels{
 border: 0px;
 }
 .ftable{
 color:#d0a00e;
 border-collapse:separate;
  border-spacing:0px 2.5px;
 border: 0px solid transparent;
 }
 .fivewether{
  color:#FFF;
  width: 20%;
  float: left;
  margin-left: 10px;
  
 }
 .fivewether1{
 color:#FFF;
  width: 20%;
  float: left;
 
 }
 .oneimg{
  width: 100px;
  height:60px;
  margin-right: 20px
 
 }
 .future_info{
  /* margin-left: 10px; */
  color:#0096f3;
  font-size: 2px;
 }
 .future_infoimg{
 margin-left: 20px;
 }
 .wzcenter{
 text-align: center;
 display:block;
 }
 .you3{
 color: #FFF;
 }
 .diyh{
  font-size: 18px;
  
 }
 .dieh{
  font-size: 13px;
   
 }
 .dish{
  font-size: 13px;
 }
 .tz{
  color:#d0a00e;
 }
 .cwhite{
 color: #FFF;
 }
 .gj1{
  font-size: 18px;
  color: red;
 }
 .gj2{
 font-size: 18px;
 color: #d0a00e;
 }

.table>thead>tr>th {
    border-bottom: none;
} 
 
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: none; 
}
.sizesmal{
    width: 25px;
    height: 25px;
}
.yjwz{
 color: #0096f3;
 font-size: 20px;
 text-align: center;
}
.yjwz2{
 color: #d0a00e;
 font-size: 20px;
}
.yjwz3{
 color: #1b5c07;
 font-size: 20px;
}
 
</style>
<style type="text/css">

.data-content {
    height: 250px;
    overflow-y: hidden;
}
 
   .table-title {
        height: 50px;
        line-height: 50px;
        background-color: #2688e6;
        font-size: 16px;
        color: #fff;
    }
 
    .data-content .table-row-even {
        height: 50px;
        line-height: 50px;
        background-color: #002d36;
        font-size: 0;
    }
 
    .data-content .table-row-odd {
        height: 50px;
        line-height: 50px;
        background-color: #003e52;
        font-size: 0;        
    }
 
.data-content .td-col1 {
    display: inline-block;
    width: 10%;
    font-size: 16px;
    color: #fff;
    text-align:center;
}
.data-content .td-col2 {
    display: inline-block;
    width: 20%;
    font-size: 16px;
    color: #fff;
}
.data-content .td-col3 {
    display: inline-block;
    width: 30%;
    font-size: 16px;
    color: #fff;
}
.data-content .td-col4 {
    display: inline-block;
    width: 40%;
    font-size: 16px;
    color: #fff;
}
 
 
.data-collapse {
    animation: data-col .5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    overflow:hidden;
}
 
 
@keyframes data-col {
    from {
        height: 50px;
        
    }
 
    to {
        height: 0;
       
    }
}
 

</style>
</head>
<body>
	<!-- 标题部分 -->
	<!-- <div class="biaoti border">
		<div id="biaoti" class="biaoti border">永修县高标准农田管理平台</div>
		<div id="showTime" class="float_left border"></div>
		<div class="clearfix"></div>
	
	</div> -->
	<!-- 标题以下身体部分 -->
	<div id="rrapp" class="shengti">
		<!-- 身体左边部分 -->
		<div class="shengti_left float_left border">
		<div id="chart1" class="shengti_left_topz float_left border "></div>
		<div id="chart2" class="shengti_left_topz float_left border "></div>
		
		</div>
		<div class="shengti_left2 float_left border">
		<div id="chart3" class="shengti_left_top3 float_left border "></div>
		<div id="chart7" class="shengti_m33 float_left border ">

<!-- 		<div class="Top_Record">
			<div class="record_Top"><p>摇奖排行榜</p></div>
		    <div class="topRec_List">
		  		<dl>
		        	<dd>编号</dd>
		        	<dd>姓名</dd>
		        	<dd>奖项</dd>
		        	<dd>时间</dd>
		        </dl>
		        <div class="maquee">
		            <ul>
		                
		                <li>
		                    <div>8</div>
		                    <div>王**</div>
		                    <div>中了30元</div>
		                    <div>2014/12/30 14:20</div>
		                </li> 
		            </ul>
		        </div>
		    </div>
		</div>  -->
		              
		   
		<div class="maquee">
<!-- 	    <marquee direction="up" behavior="scroll" scrollamount="10" scrolldelay="500" loop="-1"  hspace="0" vspace="0">
 -->	 	<table class="table table-condensed ftable" data-height="150">
			    <thead style="border: 0px solid transparent;background-color: #555555">
			      <tr style="color:#FFF">
			         <th>基地</th>
			         <th>田地</th>
			         <th>种植作物</th>
			         <th>所属单位</th>
			         <th>起止周期</th>
			         <th>生长进度</th>
			      </tr>
			   </thead>
			   <tbody >
			      <tr v-for="(item,index) in listp" :class="index%2 == 0?'SelectBG':'SelectBG2'" style="height: 30px">
			         <td style="width: 10%"> {{item.deptIdname}}</td>
			         <td style="width: 5%">{{item.farmlandInfoIdname}}</td>
			         <td style="width: 20%"><img alt="" src="./images/sd.png"></img> {{item.cropDictname}}</td>
			         <td style="width: 15%">永修县农业局</td>
			         <td style="width: 20%">{{formatTime(item.startTime)}}-{{formatTime(item.endTime)}}</td>
			         <td style="width: 20%">
			         <progress  max="100" :value="item.sjc" id="pg"></progress>{{item.sjc}}</td>
			             
			      </tr> 
			 
			   </tbody>
			</table> 
		<!--   </marquee>     -->
			  </div>
		</div>
		
		</div>
		<!-- 身体中间部分 -->
		<div class="shengti_middle float_left border" >
		<div  class="shengti_m0 float_left border">永修县高标准农田管理平台</div>
		<div  class="shengti_mm float_left border ">
		<span style="color:white;">全年灌溉量情况</span>
		<br>
		<i style="color:#0096f3;margin-left: 100px;font-size: 20px">19,254,533</i>
		<i style="color:white">立方米</i>
		</div>
		
		<div  class="shengti_m2 float_left border "  style="position: relative;">
		<div id="chart5" style="width: 100%;height: 100%"  ></div>
			<span style="float: right;position: absolute;top:2px;right: 46px;color:#FFF">基地:&nbsp;<span style="font-size: 25px;color:#0096f3" >2</span></span>
			<span style="float: right;position: absolute;top:29px;right: 35px;color:#FFF">田块:&nbsp;<span style="font-size: 25px;color:#0096f3">39</span></span>
            
            <span ></span>           
 
			<span class="sdhover"  style="float: right;position: absolute;top:20%;right: 60%;color:#FFF">
			<img alt="" src="./images/dituimg/sd.png">
			</span>
			
			<span class="jghover"  style="float: right;position: absolute;top:25%;right: 20%;color:#FFF">
			<img alt="" src="./images/dituimg/jg.png">
			</span>
			
			<span class="wdhover" style="float: right;position: absolute;top:30%;right: 50%;color:#FFF">
			<img alt="" src="./images/dituimg/wd.png">
			</span>
			
			<span style="float: right;position: absolute;top:35%;right: 80%;color:#FFF">
			<img alt="" src="./images/dituimg/sd.png">
			</span>
		</div>
		<div id="chart4" class="shengti_m1 float_left border "></div>
		<div id="chart6"  class="shengti_m4 float_left border ">
		<i style="margin-left: 3px"><img alt="" src="./images/kg.png"></i>
		<span style="color:green;margin-top: 10%;margin-left: 2%">   实时画面  </span>
		<i style="margin-left: 3px"><img alt="" src="./images/kg2.png"></i>
		<span style="color:white">显示报警</spani>
		<br>
		<i style="margin-left: 3px"><img alt="" src="./images/sxt.png"></i>
		<span style="color:white">   共接入<i style="color:#0096f3;font-size: 25px">28</i>个实时视频信号</span>
		<!-- <i >  
		<img style="width: 100%;height: 100px"
		alt="" src="/statics/images/sssp.png">
		
		</i> -->
		<div style="width:251px;height: 123px;">
		    <video
		    id="myPlayer"	   
		    autoplay
		    controls
		    width="250"
	 		height="123"
	 		src="rtmp://rtmp01open.ys7.com/openlive/a37a278c7de84588b95989e3c7e4b926.hd"
		    playsInline 
		    webkit-playsinline
		  	>
		  	</video>
	  	</div>
		<span class="ml5" style="color:#d0a00e">基1#22共捕获18个活体动物闯入画面</span><br>
		<span class="ml5" style="color:#d0a00e">基2#09共捕获14个活体动物闯入画面</span><br>
		<span class="ml5" style="color:white">基2#13信号丢失....正在进行自动诊断</span><br>
		<!-- <span class="ml5" style="color:white">基2#18信号丢失....正在进行自动诊断</span><br> -->
		<span class="ml5" style="color:#eb2100">基1#17存储卡故障，已发送异常信息</span><br>
		
		</div>
		
		</div>
		<div class="shengti_right border">
			<div id="chart8"  class="shengti_r1 float_left border ">
			 <div id="today_container">
			   <div>
			   </div>
	            <div style="float: left">
	                <img class="oneimg" :src="weather == '晴'?'./imageswe/weather_icon/1.png':weather == '多云'?'./imageswe/weather_icon/2.png':weather == '阴天'?'./imageswe/weather_icon/3.png':weather == '阵雨'?'./imageswe/weather_icon/4.png':'./imageswe/weather_icon/7.png'" alt="今日天气"/>
	            </div>
				 <div style="color:#FFF;">
	                <div class=""><span style="color:#eb2100" class="info">{{area}}</span>|<span class="info">{{formatTime(createTime)}}</span>|<span class="info">{{week}}</span>
	                <br>
	                <!-- <span class="info">{{low}}-{{high}}</span> -->
	                 </div>
	                <div class="more_info">今日温度：<span style="font-size: 20px" class="info colorbulue">{{low}}--{{high}}</span>
	                <br>
	                                                风力：<span class="info">{{windSpeed}}</span> 风向：<span class="info">{{fx}}</span> <!-- PM2.5：<span class="info"></span> --></div>
	            </div>
            </div>
             <div id="future_container" style="font-size: 5px;">
          
          <>
         
            <div class="future_box fivewether" >
                <!-- <img class="future_infoimg" style="width: 30%" src="./imageswe/weather_icon/1.png" alt="天气"/> -->
                {{future[0]}}
                <br>
                <span class="future_info" style="font-size: 5px">{{future[1]}}</span>
                 <br>
                <span class="future_info"></span><span  class="future_info wzcenter">{{future[2]}}-{{future[3]}}</span>
            </div>
           
            <div class="future_box fivewether" >
                <!-- <img class="future_infoimg" style="width: 30%" src="./imageswe/weather_icon/1.png" alt="天气"/> -->
                {{future[4]}}
                <br>
                <span class="future_info">{{future[5]}}</span>
                 <br>
                <span class="future_info"></span><span class="future_info wzcenter">{{future[6]}}-{{future[7]}}</span>
            </div>
            
             <div class="future_box fivewether" >
               <!--  <img class="future_infoimg" style="width: 30%" src="./imageswe/weather_icon/1.png" alt="天气"/> -->
               {{future[8]}}
                <br>
                <span class="future_info">{{future[9]}}</span>
                 <br>
                <span class="future_info"></span><span class="future_info wzcenter">{{future[10]}}-{{future[11]}}</span>
            </div>
            
             <div class="future_box fivewether" >
                <!-- <img class="future_infoimg" style="width: 30%" src="./imageswe/weather_icon/1.png" alt="天气"/> -->
                {{future[12]}}
                <br>
                <span class="future_info">{{future[13]}}</span>
                 <br>
                <span class="future_info"></span><span  class="future_info wzcenter" >{{future[14]}}-{{future[15]}}</span>
            </div>
        </div>
			</div>
			<div id="chart9" class="shengti_r2 float_left border ">
			</div>

			<div  id="chart10" class="shengti_r3 float_left border you3" style="height: 160px;overflow: hidden">
			 <span class="diyh"> 通知公告</span><br>
			 <marquee id="affiche" align="left"  direction="up"  hspace="10" vspace="10" loop="-1" scrollamount="10" scrolldelay="1" >
			 <!-- <span class="dieh"><span class="tz">【通知】</span>05-21本周五基地全体成员例会，会议地点：行政楼第三会议室</span><br>
			 <span class="dish"><span class="tz">【公告】</span>请技术人员及时更新维护硬件驱动及功能补丁</span> -->
			 <span v-for="item in tzgg" class="dish">
			 <span class="tz">【公告】</span>
			 {{item.content}}<br></span> <br/>
			 </marquee>
			</div>
			<div id="chart11" class="shengti_r4 float_left border cwhite">
			<span class="gj1">
			<img style="margin-top: -3px;" alt="" src="./images/weather_icon/gj.png">
			【重要告警】基1#13田块水位超低 </span>
			<br>
			<span class="gj2" style="font-size: 4px;">
			<img alt="" src="./images/weather_icon/tx.png">
			 &nbsp;#共6条一般提醒&nbsp; <span style="color: #FFF"> 
			<img alt="" src="./images/weather_icon/txth.png">
			 共21条普通通知</span></span>
			</div>
			<div class="shengti_r5 float_left border "  style="position: relative;">
			<div id="chart12" style="width: 100%;height: 100%"  ></div>
			 <span style="float: right;position: absolute;top:2px;right: 35px"><img class="sizesmal" alt="" src="./images/weather_icon/yj4.png"><span class="yjwz">24</span></span>
			 <span style="float: right;position: absolute;top:27px;right: 35px"><img class="sizesmal" alt="" src="./images/weather_icon/yj5.png"><span class="yjwz2">15</span></span>
			 <span style="float: right;position: absolute;top:50px;right: 35px"><img class="sizesmal" alt="" src="./images/weather_icon/yj3.png"><span class="yjwz3">11</span></span>
			
			
			</div>
			<div id="chart13" class="shengti_r6 float_left border "></div>

		</div>



	</div>
<script src="./plugins/layer/layer.js"></script>
<script src="./libs/bootstrap.min.js"></script>
<script src="./libs/vue.min.js"></script>
<script src="./plugins/jqgrid/grid.locale-cn.js"></script>
<script src="./plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="./plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="./plugins/select2/select2.min.js"></script>
<script src="./plugins/laydate/laydate.js"></script> 
<script src="./js/common.js"></script>
<script src="./plugins/validate/jquery.validate.js"></script>
<script src="./plugins/validate/validate-methods.js"></script>
<script src="./plugins/validate/messages_zh.js"></script>
<script src="./js/ezuikit.js"></script>

<script type="text/javascript">
var gbzntapi = "";
var userCenterApi = "http://127.0.0.1:8088/";
var systemId = "3";
</script>

 
	<script src="./plugins/echart/echarts.min.js"></script>
	<script src="./plugins/echart/macarons.js"></script>
	<!-- <script src="./plugins/echart/echarts-wordcloud.js"></script> -->
	<script src="./js/indexw.js"></script>
	<script src="./js/indexsy.js"></script>
	<script>
	$(function () {
		
	})


	


		/*分割线------------------------------------------------*/
		

		$(function(){
			initChart1();
			initChart2();
			initChart3();
			 initChart4(); 
			initChart5();
			 initChart6();

			initChart7();
			initChart8();
			/*initChart9();

			initChart11();
			initChart12(); */


			/* initChart13();
			initChart14();
			initChart15();
			initChart16(); */




		})

	</script>
	<script type="text/javascript">
	function z1(){
		/* option = {
				
			    tooltip : {
			        formatter: "{a} <br/>{c} {b}"
			    },
			    toolbox: {
			        show: true,
			        feature: {
			            restore: {show: true},
			            saveAsImage: {show: true}
			        }
			    },
			    series : [
			        {
			            name: '速度',
			            type: 'gauge',
			            z: 3,
			            min: 0,
			            max: 220,
			            splitNumber: 11,
			            radius: '70%',
			            axisLine: {            // 坐标轴线
			                lineStyle: {       // 属性lineStyle控制线条样式
			                    width: 10
			                }
			            },
			            axisTick: {            // 坐标轴小标记
			                length: 15,        // 属性length控制线长
			                lineStyle: {       // 属性lineStyle控制线条样式
			                    color: 'auto'
			                }
			            },
			            splitLine: {           // 分隔线
			                length: 20,         // 属性length控制线长
			                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
			                    color: 'auto'
			                }
			            },
			            title : {
			                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
			                    fontWeight: 'bolder',
			                    fontSize: 20,
			                   // fontStyle: 'italic',
			                    color:'#FFF'
			                }
			            },
			            detail : {
			                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
			                    fontWeight: 'bolder'
			                }
			            },
			            data:[{value: 40, name: '作物健康值 '}]
			        },
			        {
			            name: '转速',
			            type: 'gauge',
			            center: ['20%', '55%'],    // 默认全局居中
			            radius: '65%',
			            min:0,
			            max:7,
			            endAngle:45,
			            splitNumber:7,
			            axisLine: {            // 坐标轴线
			                lineStyle: {       // 属性lineStyle控制线条样式
			                    width: 8
			                }
			            },
			            axisTick: {            // 坐标轴小标记
			                length:12,        // 属性length控制线长
			                lineStyle: {       // 属性lineStyle控制线条样式
			                    color: 'auto'
			                }
			            },
			            splitLine: {           // 分隔线
			                length:20,         // 属性length控制线长
			                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
			                    color: 'auto'
			                }
			            },
			            pointer: {
			                width:5
			            },
			            title: {
			                offsetCenter: [0, '-30%'],       // x, y，单位px
			                color:'#FFF'
			            },
			            detail: {
			                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
			                    fontWeight: 'bolder'
			                }
			            },
			            data:[{value: 1.5, name: '风速 r/min'}]
			        },
			        {
			            name: '油表',
			            type: 'gauge',
			            center: ['77%', '55%'],    // 默认全局居中
			            radius: '65%',
			            min: 0,
			            max: 2,
			            startAngle: 135,
			            endAngle: 45,
			            splitNumber: 2,
			            axisLine: {            // 坐标轴线
			                lineStyle: {       // 属性lineStyle控制线条样式
			                    width: 8
			                }
			            },
			            axisTick: {            // 坐标轴小标记
			                splitNumber: 5,
			                length: 10,        // 属性length控制线长
			                lineStyle: {       // 属性lineStyle控制线条样式
			                    color: 'auto'
			                }
			            },
			            axisLabel: {
			                formatter:function(v){
			                    switch (v + '') {
			                        case '0' : return 'E';
			                        case '1' : return 'Gas';
			                        case '2' : return 'F';
			                    }
			                }
			            },
			            splitLine: {           // 分隔线
			                length: 15,         // 属性length控制线长
			                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
			                    color: 'auto'
			                }
			            },
			            pointer: {
			                width:2
			            },
			            title : {
			                show: true,
			                color:'#FFF'
			            },
			            detail : {
			                show: false
			            },
			            data:[{value: 0.5, name: '水位'}]
			        },
			        {
			            name: '水表',
			            type: 'gauge',
			            center : ['77%', '50%'],    // 默认全局居中
			            radius : '25%',
			            min: 0,
			            max: 2,
			            startAngle: 315,
			            endAngle: 225,
			            splitNumber: 2,
			            axisLine: {            // 坐标轴线
			                lineStyle: {       // 属性lineStyle控制线条样式
			                    width: 8
			                }
			            },
			            axisTick: {            // 坐标轴小标记
			                show: false
			            },
			            axisLabel: {
			                formatter:function(v){
			                    switch (v + '') {
			                        case '0' : return 'H';
			                        case '1' : return '水速';
			                        case '2' : return 'C';
			                    }
			                }
			            },
			            splitLine: {           // 分隔线
			                length: 15,         // 属性length控制线长
			                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
			                    color: 'auto'
			                }
			            },
			            pointer: {
			                width:2
			            },
			            title: {
			                show: false
			            },
			            detail: {
			                show: false
			            },
			            data:[{value: 0.5, name: 'gas'}]
			        }
			    ]
			}; */

		/* ---- */
		//仪表盘
		option = {
					color:'red',
		     title: {
		        text: '基地农作物总体健康指数',  
		           textStyle: {
		            color: '#FFF',
                    fontSize: 13
		        }
		    },
		    tooltip : {
		        formatter: "{a} <br/>{c} {b}"
		    },
		    series : [
		        {
		            name:'速度',
		            type:'gauge',
		            min:0,
		            max:220,
		            splitNumber:11,
		            radius: '80%',
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: [[0.09, 'lime'],[0.82, '#1e90ff'],[1, '#ff4500']],
		                    width: 3,
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            axisLabel: {            // 坐标轴小标记
		                textStyle: {       // 属性lineStyle控制线条样式
		                    fontWeight: 'bolder',
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                length :15,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            splitLine: {           // 分隔线
		                length :25,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    width:3,
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            pointer: {           // 分隔线
		                shadowColor : '#fff', //默认透明
		                shadowBlur: 5
		            },
		            title : {
		                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                    fontWeight: 'bolder',
		                    fontSize: 13,
		                    fontStyle: 'italic',
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            detail : {
		                backgroundColor: 'rgba(30,144,255,0.8)',
		                borderWidth: 1,
		                borderColor: '#fff',
		                shadowColor : '#fff', //默认透明
		                shadowBlur: 5,
		                offsetCenter: [0, '50%'],       // x, y，单位px
		                textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                    fontWeight: 'bolder',
		                    color: '#fff'
		                }
		            },
		            data:[{value: 40, name: '作物健康值'}]
		        },
		        {
		            name:'油表',
		            type:'gauge',
		            center : ['20%', '50%'],    // 默认全局居中
		            radius : '50%',
		            min:0,
		            max:2,
		            startAngle:135,
		            endAngle:45,
		            splitNumber:2,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: [[0.2, 'lime'],[0.8, '#1e90ff'],[1, '#ff4500']],
		                    width: 2,
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                length :12,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            axisLabel: {
		                textStyle: {       // 属性lineStyle控制线条样式
		                    fontWeight: 'bolder',
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                },
		                formatter:function(v){
		                    switch (v + '') {
		                        case '0' : return '0';
		                        case '1' : return '风速';
		                        case '2' : return '12';
		                    }
		                }
		            },
		            splitLine: {           // 分隔线
		                length :15,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    width:3,
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            pointer: {
		                width:2,
		                shadowColor : '#fff', //默认透明
		                shadowBlur: 5
		            },
		            title : {
		                show: false
		            },
		            detail : {
		                show: false
		            },
		            data:[{value: 0.5, name: '水位'}]
		        },
		        {
		            name:'水表',
		            type:'gauge',
		            center : ['20%', '50%'],    // 默认全局居中
		            radius : '50%',
		            min:0,
		            max:2,
		            startAngle:315,
		            endAngle:225,
		            splitNumber:2,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: [[0.2, 'lime'],[0.8, '#1e90ff'],[1, '#ff4500']],
		                    width: 2,
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                show: false
		            },
		            axisLabel: {
		                textStyle: {       // 属性lineStyle控制线条样式
		                    fontWeight: 'bolder',
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                },
		                formatter:function(v){
		                    switch (v + '') {
		                        case '0' : return 'H';
		                        case '1' : return '光照';
		                        case '2' : return 'L';
		                    }
		                }
		            },
		            splitLine: {           // 分隔线
		                length :15,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    width:3,
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            pointer: {
		                width:2,
		                shadowColor : '#fff', //默认透明
		                shadowBlur: 5
		            },
		            title : {
		                show: false
		            },
		            detail : {
		                show: false
		            },
		            data:[{value: 0.5, name: '水温'}]
		        },
		        {
		            name:'油表',
		            type:'gauge',
		            center : ['80%', '50%'],    // 默认全局居中
		            radius : '50%',
		            min:0,
		            max:2,
		            startAngle:135,
		            endAngle:45,
		            splitNumber:2,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: [[0.2, 'lime'],[0.8, '#1e90ff'],[1, '#ff4500']],
		                    width: 2,
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                length :12,        // 属性length控制线长
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: 'auto',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            axisLabel: {
		                textStyle: {       // 属性lineStyle控制线条样式
		                    fontWeight: 'bolder',
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                },
		                formatter:function(v){
		                    switch (v + '') {
		                        case '0' : return 'E';
		                        case '1' : return '水位';
		                        case '2' : return 'F';
		                    }
		                }
		            },
		            splitLine: {           // 分隔线
		                length :15,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    width:3,
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            pointer: {
		                width:2,
		                shadowColor : '#fff', //默认透明
		                shadowBlur: 5
		            },
		            title : {
		                show: false
		            },
		            detail : {
		                show: false
		            },
		            data:[{value: 0.5, name: '水位'}]
		        },
		        {
		            name:'水表',
		            type:'gauge',
		            center : ['80%', '50%'],    // 默认全局居中
		            radius : '50%',
		            min:0,
		            max:2,
		            startAngle:315,
		            endAngle:225,
		            splitNumber:2,
		            axisLine: {            // 坐标轴线
		                lineStyle: {       // 属性lineStyle控制线条样式
		                    color: [[0.2, 'lime'],[0.8, '#1e90ff'],[1, '#ff4500']],
		                    width: 2,
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            axisTick: {            // 坐标轴小标记
		                show: false
		            },
		            axisLabel: {
		                textStyle: {       // 属性lineStyle控制线条样式
		                    fontWeight: 'bolder',
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                },
		                formatter:function(v){
		                    switch (v + '') {
		                        case '0' : return 'H';
		                        case '1' : return '水温';
		                        case '2' : return 'C';
		                    }
		                }
		            },
		            splitLine: {           // 分隔线
		                length :15,         // 属性length控制线长
		                lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
		                    width:3,
		                    color: '#fff',
		                    shadowColor : '#fff', //默认透明
		                    shadowBlur: 10
		                }
		            },
		            pointer: {
		                width:2,
		                shadowColor : '#fff', //默认透明
		                shadowBlur: 5
		            },
		            title : {
		                show: false
		            },
		            detail : {
		                show: false
		            },
		            data:[{value: 0.5, name: '水温'}]
		        }
		    ]
		};
		
		/*  setInterval(function (){
		    option.series[0].data[0].value = (Math.random()*100).toFixed(2) - 0;
		    option.series[1].data[0].value = (Math.random()*7).toFixed(2) - 0;
		    option.series[2].data[0].value = (Math.random()*2).toFixed(2) - 0;
		    option.series[3].data[0].value = (Math.random()*2).toFixed(2) - 0;
		    option.series[4].data[0].value = (Math.random()*2).toFixed(2) - 0;
		    myChart.setOption(option);
		},2000)  */
			
			return option;
	}
	/* 左边第二个图 */
	function z2(){
		var dataBJ = [
		              [1,55,9,56,0.46,18,6,"良"],
		              [2,25,11,21,0.65,34,9,"优"],
		              [3,56,7,63,0.3,14,5,"良"],
		              [4,33,7,29,0.33,16,6,"优"],
		              [5,42,24,44,0.76,40,16,"优"],
		              [6,82,58,90,1.77,68,33,"良"],
		              [7,74,49,77,1.46,48,27,"良"],
		              [8,78,55,80,1.29,59,29,"良"],
		              [9,267,216,280,4.8,108,64,"重度污染"],
		              [10,185,127,216,2.52,61,27,"中度污染"],
		              [11,39,19,38,0.57,31,15,"优"],
		              [12,41,11,40,0.43,21,7,"优"],
		              [13,64,38,74,1.04,46,22,"良"],
		              [14,108,79,120,1.7,75,41,"轻度污染"],
		              [15,108,63,116,1.48,44,26,"轻度污染"],
		              [16,33,6,29,0.34,13,5,"优"],
		              [17,94,66,110,1.54,62,31,"良"],
		              [18,186,142,192,3.88,93,79,"中度污染"],
		              [19,57,31,54,0.96,32,14,"良"],
		              [20,22,8,17,0.48,23,10,"优"],
		              [21,39,15,36,0.61,29,13,"优"],
		              [22,94,69,114,2.08,73,39,"良"],
		              [23,99,73,110,2.43,76,48,"良"],
		              [24,31,12,30,0.5,32,16,"优"],
		              [25,42,27,43,1,53,22,"优"],
		              [26,154,117,157,3.05,92,58,"中度污染"],
		              [27,234,185,230,4.09,123,69,"重度污染"],
		              [28,160,120,186,2.77,91,50,"中度污染"],
		              [29,134,96,165,2.76,83,41,"轻度污染"],
		              [30,52,24,60,1.03,50,21,"良"],
		              [31,46,5,49,0.28,10,6,"优"]
		          ];

		          var dataGZ = [
		              [1,26,37,27,1.163,27,13,"优"],
		              [2,85,62,71,1.195,60,8,"良"],
		              [3,78,38,74,1.363,37,7,"良"],
		              [4,21,21,36,0.634,40,9,"优"],
		              [5,41,42,46,0.915,81,13,"优"],
		              [6,56,52,69,1.067,92,16,"良"],
		              [7,64,30,28,0.924,51,2,"良"],
		              [8,55,48,74,1.236,75,26,"良"],
		              [9,76,85,113,1.237,114,27,"良"],
		              [10,91,81,104,1.041,56,40,"良"],
		              [11,84,39,60,0.964,25,11,"良"],
		              [12,64,51,101,0.862,58,23,"良"],
		              [13,70,69,120,1.198,65,36,"良"],
		              [14,77,105,178,2.549,64,16,"良"],
		              [15,109,68,87,0.996,74,29,"轻度污染"],
		              [16,73,68,97,0.905,51,34,"良"],
		              [17,54,27,47,0.592,53,12,"良"],
		              [18,51,61,97,0.811,65,19,"良"],
		              [19,91,71,121,1.374,43,18,"良"],
		              [20,73,102,182,2.787,44,19,"良"],
		              [21,73,50,76,0.717,31,20,"良"],
		              [22,84,94,140,2.238,68,18,"良"],
		              [23,93,77,104,1.165,53,7,"良"],
		              [24,99,130,227,3.97,55,15,"良"],
		              [25,146,84,139,1.094,40,17,"轻度污染"],
		              [26,113,108,137,1.481,48,15,"轻度污染"],
		              [27,81,48,62,1.619,26,3,"良"],
		              [28,56,48,68,1.336,37,9,"良"],
		              [29,82,92,174,3.29,0,13,"良"],
		              [30,106,116,188,3.628,101,16,"轻度污染"],
		              [31,118,50,0,1.383,76,11,"轻度污染"]
		          ];

		          var dataSH = [
		              [1,91,45,125,0.82,34,23,"良"],
		              [2,65,27,78,0.86,45,29,"良"],
		              [3,83,60,84,1.09,73,27,"良"],
		              [4,109,81,121,1.28,68,51,"轻度污染"],
		              [5,106,77,114,1.07,55,51,"轻度污染"],
		              [6,109,81,121,1.28,68,51,"轻度污染"],
		              [7,106,77,114,1.07,55,51,"轻度污染"],
		              [8,89,65,78,0.86,51,26,"良"],
		              [9,53,33,47,0.64,50,17,"良"],
		              [10,80,55,80,1.01,75,24,"良"],
		              [11,117,81,124,1.03,45,24,"轻度污染"],
		              [12,99,71,142,1.1,62,42,"良"],
		              [13,95,69,130,1.28,74,50,"良"],
		              [14,116,87,131,1.47,84,40,"轻度污染"],
		              [15,108,80,121,1.3,85,37,"轻度污染"],
		              [16,134,83,167,1.16,57,43,"轻度污染"],
		              [17,79,43,107,1.05,59,37,"良"],
		              [18,71,46,89,0.86,64,25,"良"],
		              [19,97,71,113,1.17,88,31,"良"],
		              [20,84,57,91,0.85,55,31,"良"],
		              [21,87,63,101,0.9,56,41,"良"],
		              [22,104,77,119,1.09,73,48,"轻度污染"],
		              [23,87,62,100,1,72,28,"良"],
		              [24,168,128,172,1.49,97,56,"中度污染"],
		              [25,65,45,51,0.74,39,17,"良"],
		              [26,39,24,38,0.61,47,17,"优"],
		              [27,39,24,39,0.59,50,19,"优"],
		              [28,93,68,96,1.05,79,29,"良"],
		              [29,188,143,197,1.66,99,51,"中度污染"],
		              [30,174,131,174,1.55,108,50,"中度污染"],
		              [31,187,143,201,1.39,89,53,"中度污染"]
		          ];

		          var schema = [
		              {name: 'date', index: 0, text: '日'},
		              {name: 'AQIindex', index: 1, text: '光照指数'},
		              {name: 'PM25', index: 2, text: 'PM2.5'},
		              {name: 'PM10', index: 3, text: 'PM10'},
		              {name: 'CO', index: 4, text: '一氧化碳（CO）'},
		              {name: 'NO2', index: 5, text: '二氧化氮（NO2）'},
		              {name: 'SO2', index: 6, text: '二氧化硫（SO2）'}
		          ];


		          var itemStyle = {
		              normal: {
		                  opacity: 0.8,
		                  shadowBlur: 10,
		                  shadowOffsetX: 0,
		                  shadowOffsetY: 0,
		                  shadowColor: 'rgba(0, 0, 0, 0.5)'
		              }
		          };

		          option = {
		        		  title: {
		      		        text: '最近一月农作物光照情况',
		      		        textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
		                          fontSize: 13,
		                          color:'#FFF',
		                          top:20
		                          
		                      }
		      		      
		      		    },	  
	        		 
		              color: [
'#3DB527', '#80F1BE'
		              ],
		              legend: {
		                  y: 'top',
		                  data: ['基地1', '基地2'],
		                  textStyle: {
		                      color: '#fff',
		                      fontSize: 13
		                  }
		              },
		              grid: {
		            	  top:60,
		                  x: '10%',
		                  x2: 150,
		                  y: '18%',
		                  y2: '10%'
		              },
		              tooltip: {
		                  padding: 10,
		                  backgroundColor: '#222',
		                  borderColor: '#777',
		                  borderWidth: 1,
		                  formatter: function (obj) {
		                      var value = obj.value;
		                      return '<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 18px;padding-bottom: 7px;margin-bottom: 7px">'
		                          + obj.seriesName + ' ' + value[0] + '日：'
		                          + value[7]
		                          + '</div>'
		                          + schema[1].text + '：' + value[1] + '<br>'
		                          + schema[2].text + '：' + value[2] + '<br>'
		                          + schema[3].text + '：' + value[3] + '<br>'
		                          + schema[4].text + '：' + value[4] + '<br>'
		                          + schema[5].text + '：' + value[5] + '<br>'
		                          + schema[6].text + '：' + value[6] + '<br>';
		                  }
		              },
		              xAxis: {
		                  type: 'value',
		                  name: '日期',
		                  nameGap: 16,
		                  nameTextStyle: {
		                      color: '#fff',
		                      fontSize: 13
		                  },
		                  max: 31,
		                  splitLine: {
		                      show: false
		                  },
		                  axisLine: {
		                      lineStyle: {
		                          color: '#eee'
		                      }
		                  }
		              },
		              yAxis: {
		                  type: 'value',
		                  name: '光照指数',
		                  nameLocation: 'end',
		                  nameGap: 20,
		                  nameTextStyle: {
		                      color: '#fff',
		                      fontSize: 13
		                  },
		                  axisLine: {
		                      lineStyle: {
		                          color: '#eee'
		                      }
		                  },
		                  splitLine: {
		                      show: false
		                  }
		              },
		              visualMap: [
		                  {
		                      left: 'right',
		                      top: '10%',
		                      dimension: 2,
		                      min: 0,
		                      max: 250,
		                      itemWidth: 30,
		                      itemHeight: 70,
		                      calculable: true,
		                      precision: 0.1,
		                      text: ['光照量'],
		                      textGap: 30,
		                      textStyle: {
		                          color: '#fff'
		                      },
		                      inRange: {
		                          symbolSize: [10, 70]
		                      },
		                      outOfRange: {
		                          symbolSize: [10, 70],
		                          color: ['rgba(255,255,255,.2)']
		                      },
		                      controller: {
		                          inRange: {
		                              color: ['#3DB527']
		                          },
		                          outOfRange: {
		                              color: ['#444']
		                          }
		                      }
		                  },
		                 /*  {
		                      left: 'right',
		                      bottom: '5%',
		                      dimension: 6,
		                      min: 0,
		                      max: 50,
		                      itemHeight: 30,
		                      calculable: true,
		                      precision: 0.1,
		                      text: ['明暗：二氧化硫'],
		                      textGap: 30,
		                      textStyle: {
		                          color: '#fff'
		                      },
		                      inRange: {
		                          colorLightness: [1, 0.5]
		                      },
		                      outOfRange: {
		                          color: ['rgba(255,255,255,.2)']
		                      },
		                      controller: {
		                          inRange: {
		                              color: ['#d0a00e']
		                          },
		                          outOfRange: {
		                              color: ['#444']
		                          }
		                      }
		                  } */
		              ],
		              series: [
		            
		                  {
		                      name: '基地1',
		                      type: 'scatter',
		                      itemStyle: itemStyle,
		                      data: dataBJ
		                  },
		                  {
		                      name: '基地2',
		                      type: 'scatter',
		                      itemStyle: itemStyle,
		                      data: dataSH
		                  },
		                  {
		                      name: '基地3',
		                      type: 'scatter',
		                      itemStyle: itemStyle,
		                      data: dataGZ
		                  }
		              ]
		          };
		          
		          return option;
	}
	function z3(){
		/* app.title = '极坐标系下的堆叠柱状图'; */

		var data = [
		    [5000, 10000, 6785.71],
		    [4000, 10000, 6825],
		    [3000, 6500, 4463.33],
		    [2500, 5600, 3793.83],
		    [2000, 4000, 3060],
		    [2000, 4000, 3222.33],
		    [2500, 4000, 3133.33],
		    [1800, 4000, 3100],
		    [2000, 3500, 2750],
		    [2000, 3000, 2500],
		    [1800, 3000, 2433.33],
		    [2000, 2700, 2375],
		    [1500, 2800, 2150],
		    [1500, 2300, 2100],
		    [1600, 3500, 2057.14],
		    [1500, 2600, 2037.5],
		    [1500, 2417.54, 1905.85],
		    [1500, 2000, 1775],
		    [1500, 1800, 1650]
		];
		var cities = ['立春', '雨水', '惊蛰', '春分', '清明', '谷雨', '立夏',
		'小满', '芒种', '夏至', '小暑', '大暑', '立秋', '处暑',
		'白露', '秋分', '寒露', '霜降', '立冬',
		'小雪', '大雪', '冬至', '小寒', '大寒'];
		var barHeight = 50;

		option = {
		    title: {
		        text: '二十四节气降水量分布图',
		        textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                    fontSize: 13,
                    color:'#FFF'
                }
		      
		    },
		    legend: {
		        show: true,
		        data: ['价格范围', '均值']
		    },
		    grid: {
		        top: 100
		    },
		    angleAxis: {
		        type: 'category',
		        data: cities,
		       　		axisLine: { //坐标轴轴线设置
		    	　　　　lineStyle: {
		    	　　　　　　color: '#FFF',
		    	　　　　}
		       }
		    },
		    tooltip: {
		        show: true,
		        formatter: function (params) {
		            var id = params.dataIndex;
		            return cities[id] + '<br>最低：' + data[id][0] + '<br>最高：' + data[id][1] + '<br>平均：' + data[id][2];
		        }
		    },
		    radiusAxis: {
		    	　axisLabel: { //刻度标签设置
		    	　　　　margin: 0, //刻度与坐标轴之间的距离
		    	　　　　textStyle: {
		    	　　　　　　color: '#FFF'
		    	　　　　}
		    	　　}
		    },
		    polar: {
		    },
		    series: [{
		        type: 'bar',
		        itemStyle: {
		            normal: {
		                color: 'transparent'
		            }
		        },
		        data: data.map(function (d) {
		            return d[0];
		        }),
		        coordinateSystem: 'polar',
		        stack: '最大最小值',
		        silent: true
		    }, {
		        type: 'bar',
		        data: data.map(function (d) {
		            return d[1] - d[0];
		        }),
		        coordinateSystem: 'polar',
		        name: '价格范围',
		        stack: '最大最小值'
		    }, {
		        type: 'bar',
		        itemStyle: {
		            normal: {
		                color: 'transparent'
		            }
		        },
		        data: data.map(function (d) {
		            return d[2] - barHeight;
		        }),
		        coordinateSystem: 'polar',
		        stack: '均值',
		        silent: true,
		        z: 10
		    }, {
		        type: 'bar',
		        data: data.map(function (d) {
		            return barHeight * 2
		        }),
		        coordinateSystem: 'polar',
		        name: '均值',
		        stack: '均值',
		        barGap: '-100%',
		        z: 10
		    }],
		    legend: {
		        show: true,
		        data: ['A', 'B', 'C']
		    }
		};
        return option;
	}
	
	function z4(){
		var uploadedDataURL = "./js/modules/echar/data-1548735204507-0gzSEiKV4.json";
		var geoJson = {}
		$.ajax({
		    url : uploadedDataURL,
		    async : false,
		    dataType : 'json',
		    success : function(data){
		       echarts.registerMap('ls', data);
		       var geoCoordMap = {
		          // '治金工业区':[120.643338882,31.9787250105],
		        //   '现代农业示范园区':[120.79881073,31.8820563076],
		        //   '经济技术开发区':[120.553760732,31.83],
		           '基地1':[120.43,31.970892279],
		           '基地2':[120.665220625,31.8253475975],
		        //   '乐余镇':[120.751388101,31.9358733739],
		        //   '凤凰镇':[120.631224777,31.7692103578],
		        //   '南丰镇':[120.762973474,31.8558316614],
		        //   '大新镇':[120.544713024,31.9722253813],
		       }
		       var data = [
		        //   {name:'治金工业区', value: 0},
		        //   {name:'现代农业示范园区', value: 0},
		           {name:'基地1', value: 21},
		        //   {name:'张家港保税区', value: 165},
		           {name:'基地2', value: 18},
		        //   {name:'乐余镇', value: 0},
		         //  {name:'凤凰镇', value: 63},
		         //  {name:'南丰镇', value: 45},
		         //  {name:'大新镇', value: 20},
		       
		       ];
		       var convertData = function (data) {
		       var res = [];
		       for (var i = 0; i < data.length; i++) {
		           var geoCoord = geoCoordMap[data[i].name];
		           if (geoCoord) {
		               res.push({
		                   name: data[i].name,
		                   value: geoCoord.concat(data[i].value)
		               });
		           }
		       }
		       return res;
		      
		    };
		    var chart1 = echarts.init(document.getElementById('chart5'));
			chart1.setOption(option = {
					 grid: {
					        top: 100,
					    },
			          // backgroundColor: '#fff',
			          title:{
			        	text:"实验基地地理位置分布"  ,
			        	textStyle:{
			        		color:'#FFF',
			        		top:120,
			        	}
			          },
			           tooltip: {
			               formatter : function(e){
			                   if (typeof(e.value)[2] == "undefined") {
			                	   console.log(e.name);
			                       return '田块'+Math.ceil(Math.random()*10)+'<br>水位：3<br>设备：4';
			                   }else{
			                       return ''+e.name+'<br>田块:' + e.value[2] + '块';
			                   }
			               
			               }
			           },
			           geo: {
			               map: 'ls',
			               show: true,
			               label: {
			                   emphasis: {
			                       show: false
			                   }
			               },
			               itemStyle: {
			                   normal: {
			                       areaColor: '#C9E6FF',
			                       borderColor: '#fff',
			                       borderWidth: 2,
			                       shadowColor: '#5AB2FE',
			                       shadowBlur: 20
			                   }
			               },
			           zoom:1.2,
			           },
			           series: [{
			               type: 'map',
			               map: 'ls',
			               geoIndex: 1,
			               aspectScale: 0.75, //长宽比
			               zoom:1.2,
			               label: {
			                   emphasis: {
			                       show: false,
			                       textStyle: {
			                           color: '#05C3F9'
			                       }
			                   }
			               },
			               roam: false,
			               itemStyle: {
			                   normal: {
			                       areaColor: 'transparent',
			                       borderColor: '#fff',
			                       borderWidth: 2
			                   },
			                   emphasis: {
			                       areaColor: '#C9E6FF',
			                       shadowColor: '#5AB2FE',
			                       shadowBlur: 20
			                   }
			               },
			               data: data,
			           },
			           {
			               name: '企业数',
			               type: 'scatter',
			               coordinateSystem: 'geo',
			               symbol: 'circle',
			               symbolSize: function (val) {
			            	   var num = val[2] / 4;
			                   if(num < 20){
			                       return 80
			                   }else{
			                       return num;
			                   }
			               },
			               label: {
			                   normal: {
			                       show: true,
			                       formatter: function(value){
			                           return value.value[2]
			                       },
			                       textStyle: {
			                           color: '#fff',
			                           fontSize: 12,
			                       }
			                   }
			               },
			               itemStyle: {
			                   normal: {
			                       color: '#1C3E64', //标志颜色
			                   }
			               },
			               zlevel: 2,
			               data: convertData(data),
			           }
			           ]
			       });
		      
		    }
		})
		   // 指定图表的配置项和数据
     // return option;
	}
	function z5(){
		var myColor = ['#eb2100', '#0096f3', '#d0a00e'];
		option = {
		   // backgroundColor: '#0e2147',
		    grid: {
		        left: '1%',
		        top: '3%',
		        right: '0%',
		        bottom: '1%',
		        containLabel: true
		    },
		    xAxis: [{
		        show: false,
		    }],
		    yAxis: [{
		        axisTick: 'none',
		        axisLine: 'none',
		        offset: '7',
		        axisLabel: {
		            textStyle: {
		                color: '#ffffff',
		                fontSize: '11',
		            }
		        },
		        data: ['一月', '二月', '三月', '五月', '六月', '七月',  '九月', '十月', '十一月', '十二月']
		    }, {
		        axisTick: 'none',
		        axisLine: 'none',
		        axisLabel: {
		            textStyle: {
		                color: '#ffffff',
		                fontSize: '12',
		            }
		        },
		        data: [ '10', '9', '8', '7', '6', '5', '4', '3', '2', '1']
		    }, {
		        name: '分拨延误TOP 10',
		        nameGap: '50',
		        nameTextStyle: {
		            color: '#ffffff',
		            fontSize: '12',
		        },
		        axisLine: {
		            lineStyle: {
		                color: 'rgba(0,0,0,0)'
		            }
		        },
		        data: [],
		    }],
		    series: [{
		            name: '条',
		            type: 'bar',
		            yAxisIndex: 0,
		            data: [4, 13, 25, 29, 38, 44, 50, 52, 60, 72 ],
		            label: {
		                normal: {
		                    show: true,
		                    position: 'right',
		                    textStyle: {
		                        color: '#ffffff',
		                        fontSize: '8',
		                    }
		                }
		            },
		            barWidth: 5,
		            itemStyle: {
		                normal: {
		                    color: function(params) {
		                        var num = myColor.length;
		                        return myColor[params.dataIndex % num]
		                    },
		                }
		            },
		            z: 2
		        }, {
		            name: '白框',
		            type: 'bar',
		            yAxisIndex: 1,
		            barGap: '-100%',
		            data: [99, 99.5, 99.5, 99.5, 99.5, 99.5, 99.5, 99.5, 99.5, 99.5],
		            barWidth: 20,
		            itemStyle: {
		                normal: {
		                    color: '#0e2147',
		                    barBorderRadius: 5,
		                }
		            },
		            z: 1
		        }, {
		            name: '外框',
		            type: 'bar',
		            yAxisIndex: 2,
		            barGap: '-100%',
		            data: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100],
		            barWidth: 24,
		            itemStyle: {
		                normal: {
		                   /*  color: function(params) {
		                        var num = myColor.length;
		                        return myColor[params.dataIndex % num]
		                    }, */
		                    color:'#081223',
		                    barBorderRadius: 5,
		                }
		            },
		            z: 0
		        },
		        {
		            name: '外圆',
		            type: 'scatter',
		            hoverAnimation: false,
		            data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
		            yAxisIndex: 2,
		            symbolSize: 15,
		            itemStyle: {
		                normal: {
		                    color: function(params) {
		                        var num = myColor.length;
		                        return myColor[params.dataIndex % num]
		                    },
		                    opacity: 1,
		                }
		            },
		            z: 2
		        }
		    ]
		};
		return option;
	}
	
	function you1(){
		var myColor = ['#eb2100', '#0096f3', '#d0a00e'];

		var weatherIcons = {
		    'Sunny': '../images/sunny_128.png',
		    'Cloudy': '../images/cloudy_128.png',
		    'Showers': '../images/showers_128.png'
		};

		var seriesLabel = {
		    normal: {
		        show: true,
		        textBorderColor: '#333',
		        textBorderWidth: 2
		    }
		}

		option = {
		    title: {
		         text: '全年天气阴晴雨情况', 
		        textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                    fontSize: 13,
                    color:'#FFF'
                }
		    },
		    tooltip: {
		        trigger: 'axis',
		        axisPointer: {
		            type: 'shadow'
		        }
		    },
		    legend: {
		       
		    },
		    grid: {
		        left: 26,
		        top:85
		    },
		    xAxis: {
		        type: 'value',
		        name: 'Days',
		        axisLabel: {
		            formatter: '{value}'
		        },
		        show:false,
	            splitLine:{
			　　　　show:false
			　　}
		    },
		    yAxis: {
		        type: 'category',
		        inverse: true,
		        data: ['Sunny', 'Cloudy', 'Showers'],
		        axisLabel: {
		            formatter: function (value) {
		                return '{' + value + '| }';
		            },
		            margin: 1,
		            rich: {
		                value: {
		                    lineHeight: 30,
		                    align: 'center'
		                },
		                Sunny: {
		                    height: 15,
		                    align: 'center',
		                    backgroundColor: {
		                        image: weatherIcons.Sunny
		                    }
		                },
		                Cloudy: {
		                    height: 15,
		                    align: 'center',
		                    backgroundColor: {
		                        image: weatherIcons.Cloudy
		                    }
		                },
		                Showers: {
		                    height: 15,
		                    align: 'center',
		                    backgroundColor: {
		                        image: weatherIcons.Showers
		                    }
		                }
		            }
		        }
		    },
		    series: [
		 
		        {
		             itemStyle: {
		                normal: {
		                    color: function(params) {
		                        var num = myColor.length;
		                        return myColor[params.dataIndex % num]
		                    },
		                }
		            },
		           // name: 'City Gamma',
		            type: 'bar',
		            label: seriesLabel,
		            data: [220, 82, 63]
		        }
		    ]
		};
       return option;
		
	}
	
	function you2(){
		//预警工单处理
		option = {
			color: ['#eb2100', '#0096f3','#d0a00e'],
		    grid:{
		    	top:33,
		    	left:10
		    },
		    //backgroundColor: '#000', 
		    textStyle: {
		            color: '#fff',
		            fontSize: 16
		        },
		    title : {
		        text: '预警信息处理情况', 
		        x:'left',
		        textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                    fontWeight: 'bolder',
                    fontSize: 13,
                   // fontStyle: 'italic',
                    color:'#FFF'
                }
		        
		    },
		    tooltip : {
		        trigger: 'item',
		        formatter: "{a} <br/>{b} : {c} ({d}%)"
		    },
		  /*    legend: {
		        orient: 'vertical',
		        left: 'right',
		        data: ["处理","工单","报警" ],
		    },  */
		    series : [
		        {
		        	 center:['30%','53%'],
		            name: '报警',
		            type: 'pie',
		            radius : ['75%', '90%'],
		            label: {
		                normal: {
		                    position: 'inner'
		                }
		            },
		           
		            data:[
		                {
		                    value:'7100',
		                    name:'处理',
		                    itemStyle: {
		                        emphasis: {
		                            shadowBlur: 10,
		                            shadowOffsetX: 0,
		                            shadowColor: 'rgba(0, 0, 0, 0.5)',
		                            normal: {
		                                color: '#06c'
		                            }
		                        }
		                    }
		                },
		                {
		                    value:'2800', 
		                    itemStyle: {
		                        normal: {
		                            color: 'transparent'
		                        }
		                    }
		                }
		            ]
		        },  {
		        	 center:['30%','50%'],
		            name: '化学',
		            type: 'pie',
		            radius : ['65%', '50%'],
		            data:[
		                {
		                    value:'1525',
		                    name:'工单',
		                    itemStyle: {
		                        emphasis: {
		                            shadowBlur: 10,
		                            shadowOffsetX: 0,
		                            shadowColor: 'rgba(0, 0, 0, 0.5)',
		                            normal: {
		                                color: '#dc1439'
		                            }
		                        }
		                    }
		                },
		                {
		                    value:'1500', 
		                    itemStyle: {
		                        normal: {
		                            color: 'transparent'
		                        }
		                    }
		                }
		            ]
		           
		        },  {
		        	 center:['30%','50%'],
		            name: '生物',
		            type: 'pie',
		            radius : ['15%', '30%'],
		            data:[
		                // {value:1078, name:'生物'}
		                {
		                    value:'1078',
		                    name:'预警',
		                    itemStyle: {
		                        emphasis: {
		                            shadowBlur: 10,
		                            shadowOffsetX: 0,
		                            shadowColor: 'rgba(0, 0, 0, 0.5)',
		                            normal: {
		                                color: '#dc1439'
		                            }
		                        }
		                    }
		                },
		                {
		                    value:'800', 
		                    itemStyle: {
		                        normal: {
		                            color: 'transparent'
		                        }
		                    }
		                }
		                
		            ]
		        } 
		    ]
		};
		return option;
		
	}
	function you3(){
		//app.title = '正负条形图';

		option = {
			color: ['#eb2100', '#0096f3'],
		    tooltip : {
		        trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        }
		    },
		    title:{
		      text:'知识库学习情况'  ,
		      textStyle:{
		          color:'#FFF',
		          fontSize: 13
		      }
		    },
		    legend: {
		        data:[ 'A类', 'B类'],
		        left:'right',
		        textStyle:{
			          color:'#FFF',
			          fontSize: 13
			      }
		    },
		    grid: {
		        left: '3%',
		        right: '4%',
		        bottom: '3%',
		        top:'16%',
		        containLabel: true
		    },
		    xAxis : [
		        {
		            type : 'value'
		        }
		    ],
		    yAxis : [
		        {
		            type : 'category',
		            axisTick : {show: false},
		            data : ['周一','周二','周三','周四','周五','周六','周日']
		        }
		    ],
		    series : [
		  
		        {
		            name:'A类',
		            type:'bar',
		            stack: '总量',
		            label: {
		                normal: {
		                    show: true,
		                }
		            },
		            data:[320, 302, 341, 374, 390, 450, 420]
		        },
		        {
		            name:'B类',
		            type:'bar',
		            stack: '总量',
		            label: {
		                normal: {
		                    show: true,
		                    position: 'left'
		                }
		            },
		            data:[-120, -132, -101, -134, -190, -230, -210]
		        }
		    ]
		};
        return option;
	}
	
	/* --- */
	
	
	/* 左上第1个图 */
	 function initChart1() {
		var data = [
			'張xx','王xx','李xx','題XX','xxx'
		];
		var co = ['#d0a00e'];
		var chart1 = echarts.init(document.getElementById('chart1'));
		chart1.setOption(z1());
	}  
	 /* 左上第2个图 */
	 function initChart2() {
		var data = [
		];
		var chart1 = echarts.init(document.getElementById('chart2'));
		chart1.setOption(z2());
	}  
	 /* 左上第3个图 */
	 function initChart3() {
		var data = [
		];
		var chart1 = echarts.init(document.getElementById('chart3'));
		chart1.setOption(z3());
	}  
	 /* 左上第4个图 */
	 function initChart5() {
		/* var data = [
		];
		var chart1 = echarts.init(document.getElementById('chart5'));
		chart1.setOption(z4()); */
		z4();
	}  
	 /* 左上第5个图 */
	 function initChart4() {
		var data = [
		];
		var chart1 = echarts.init(document.getElementById('chart4'));
		chart1.setOption(z5());
	}  
	 
	 /* 右边第1个图 */
	 function initChart6() {
		var data = [
		];
		var chart1 = echarts.init(document.getElementById('chart9'));
		chart1.setOption(you1());
	}  
	 
	 /* 右边第2个图 */
	 function initChart7() {
		var data = [
		];
		var chart1 = echarts.init(document.getElementById('chart12'));
		chart1.setOption(you2());
		
		$("#char12").append(
		'<span style="float: right;"><img alt="" src="/statics/images/weather_icon/yj1.png"></span>'		
		);
	}  
	 
	 /* 右边第3个图 */
	 function initChart8() {
		var data = [
		];
		var chart1 = echarts.init(document.getElementById('chart13'));
		chart1.setOption(you3());
	}  
	</script>
	
	<script type="text/javascript">

	
	function addCellAttr(rowId, val, rawObject, cm, rdata) {
		 return "style='color:#d0a00e'";
	}
	
	 $(document).ready(function(){
		 var player = new EZUIKit.EZUIPlayer('myPlayer');
			player.stop();
			//$("#myPlayer").attr("src","rtmp://rtmp01open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b.hd");

	        $(".sdhover").hover(function() {
	        	  openMsg();
	        }, function() {
	            layer.close(differentindex);
	        });
	        
	        $(".jghover").hover(function() {
	        	  openMsgjg();
	        }, function() {
	            layer.close(differentindex);
	        });
	        
	        $(".wdhover").hover(function() {
	        	  openMsgwd();
	        }, function() {
	            layer.close(differentindex);
	        });
	        
	    });
	
	  function openMsg() {
	        differentindex = layer.tips('提醒：当前田块正在注水。', '.sdhover', {
	          tips: [1, '#0096f3'],
	          time: 30000
	        });
	    }
	  
	  function openMsgjg() {
	        differentindex = layer.tips('重要告警：当前田块水位过低。', '.jghover', {
	          tips: [1, '#eb2100'],
	          time: 30000
	        });
	    }
	  
	  function openMsgwd() {
	        differentindex = layer.tips('提醒：当前田块温度过高。', '.wdhover', {
	          tips: [1, '#d0a00e'],
	          time: 30000
	        });
	    }
	</script>

	<script src="./js/ezuikit.js"></script>
	<script type="text/javascript"> 
	  function autoScroll(obj){  
			$(obj).find("tbody").animate({  
				marginTop : "-39px"  
			},500,function(){  
				$(this).css({marginTop : "0px"}).find("tr:first").appendTo(this);  
			})  
		}  
		$(function(){  
			setInterval('autoScroll(".maquee")',3000);
			setInterval('autoScroll(".apple")',2000);
		}) 
</script> 

</body>
</html>


